<template>
    <div class="right-content">
        <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
          <!--*********************************************************我的公文************************************8***************-->
                <el-tab-pane label="我的公文" name="applying">
                <!-- 头部查询区域 -->
                  <el-form :inline="true" :model="dataForm2" class="demo-form-inline">
                    <div style="display:inline-block">
                      <!-- <el-form-item>
                        <el-select v-model="dataForm2.region" placeholder="请选择" style="width:120px">
                          <el-option
                            v-for="item in options"
                            :key="item.id"
                            :label="item.label"
                            :value="item.value"
                          >
                          </el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item>
                        <el-input v-model="dataForm2.id" placeholder="输入关键词"></el-input>
                      </el-form-item> -->
                      <el-form-item>
                        <!-- <el-button type="primary" @click="searchDataList()">查询</el-button> -->
                        <el-button type="primary" @click="handleCreate()">新增公文</el-button>
                        <!-- <el-button type="primary" v-if="flag===0" @click="handleLookHistory()">历史申请</el-button>
                        <el-button type="primary" v-else @click="getDataList()">流转中的申请</el-button> -->
                        <!-- <el-button type="primary" @click="deleteHandle()" :disabled="multipleSelection.length === 0">批量删除</el-button> -->
                      </el-form-item>
                    </div>
                    <!-- <el-form-item style="right: 100px">
                      <el-button type="primary" @click="onSubmit">导入</el-button>
                      <el-button type="primary" @click="onSubmit">导出</el-button>
                    </el-form-item> -->
                  </el-form>
                  <!-- 内容区域 -->
                  <el-table
                    class="first"
                    ref="multipleTable"
                    border
                    :data="currentData1"
                    :header-cell-style="headerStyle"
                    :cell-style="cellStyle"
                    @selection-change="handleSelectionChange"
                  >
                    <!-- 复选框 -->
                    <!-- <el-table-column
                      type="selection"
                      width="50"
                      header-align="center"
                      align="center">
                    </el-table-column> -->
                    <el-table-column
                      type="index"
                      width="80"
                      label="序号"
                      prop="id"
                      header-align="center"
                      align="center"
                      >
                    </el-table-column>
                    <el-table-column
                      prop="processInstanceId"
                      width="190"
                      label="流程ID"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                      </el-table-column>
                    <el-table-column
                      prop="instanceType"
                      width="190"
                      label="公文类型"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="description"
                      width="190"
                      label="申请描述"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="quantity"
                      width="180"
                      label="天数"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                    </el-table-column>
                    <el-table-column
                      prop="instanceStartTime"
                      width="180"
                      label="申请时间"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{renderTime(scope.row['instanceStartTime']) }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="startDate"
                      width="180"
                      label="开始时间"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{renderTime(scope.row['startDate']) }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="endDate"
                      width="180"
                      label="结束时间"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{renderTime(scope.row['endDate']) }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="isEnded"
                      width="180"
                      label="公文状态"
                      header-align="center"
                      align="center">申请中
                    </el-table-column>
                    <!-- <el-table-column
                      prop="document"
                      width="180"
                      label="是否是公文"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                    </el-table-column> -->
                    <el-table-column
                      prop="privacy"
                      width="180"
                      label="私密性"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{scope.row['privacy'] == 1 ? '公开' : '私密'}}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="hurry"
                      width="180"
                      label="急缓"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{scope.row['privacy'] == 1 ? '一般' : '紧急'}}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="path"
                      width="180"
                      label="路径"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                    </el-table-column>
                    <el-table-column
                      width="180"
                      fixed="right"
                      header-align="center"
                      align="center"
                      label="操作"
                    >
                      <template slot-scope="scope">
                        <el-button size="small" type="primary" icon="el-icon-edit" @click="handleLook(scope.row)">查看</el-button>
                        <!-- <el-button size="small" type="danger" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button> -->
                      </template>
                    </el-table-column>
                  </el-table>
                  <!-- 分页器 -->
                  <div class="block" style="margin-top:15px; margin-right: 20px">
                    <el-pagination
                      align="right"
                      @size-change="handleSizeChange"
                      @current-change="handleCurrentChange"
                      :current-page="currentPage"
                      :page-sizes="[5, 8, 10]"
                      :page-size="pageSize"
                      layout="total, sizes, prev, pager, next, jumper"
                      :total="tableData.length">
                    </el-pagination>
                  </div>
                  <!-- 弹窗，新增或修改 -->
                  <el-dialog
                        :title="textMap[dialogStatus]"
                        :close-on-click-modal=true
                        :visible.sync="dialogFormVisible4"
                         @open="fixUserName">
                        <el-form
                        :rules="applyRules"
                        class="Addform"
                        :model="dataFormUpload"
                        ref="dataFormUpload"
                        label-width="110px"
                        label-position="left"
                        style="width: 400px; margin-left: 80px">
                          <div class="right1">
                            <el-row :gutter="15">
                                <el-form-item label="公文类型" style="width: 370px;" prop="did">
                                  <el-select v-model="dataFormUpload.did" style="width: 260px;" placeholder="请选择申请类型">
                                    <el-option
                                      v-for="item in array"
                                      :key="item.deploymentId"
                                      :label="item.deploymentType"
                                      :value="item.deploymentId"
                                    >
                                    </el-option>
                                  </el-select>
                                </el-form-item>
                                <el-form-item label="申请人" style="width: 370px;" prop="starter" >
                                  <el-input disabled v-model="dataFormUpload.starter"></el-input>
                                </el-form-item>
                                <el-form-item label="天数" style="width: 370px;" prop="quantity" v-if="flag===1">
                                  <el-input v-model="dataFormUpload.quantity" :disabled="true"></el-input>
                                </el-form-item>
                                <el-form-item label="申请理由" style="width: 370px;" prop="description">
                                  <el-input v-model="dataFormUpload.description" ></el-input>
                                </el-form-item>
                                <el-form-item label="开始时间" style="width: 370px;" prop="beginDate">
                                  <!-- <el-form-item style="width: 260px;" prop="beginDate"> -->
                                    <el-date-picker type="date" value-format="yyyy-MM-dd" placeholder="选择日期" v-model="dataFormUpload.beginDate" style="width: 100%;"></el-date-picker>
                                  <!-- </el-form-item> -->
                                  <!-- @change="getSTime(dataFormUpload.beginDate)" -->
                                </el-form-item>
                                <el-form-item label="结束时间" style="width: 370px;" prop="endDate">
                                  <!-- <el-form-item style="width: 260px;" prop="endDate"> -->
                                    <el-date-picker type="date"  value-format="yyyy-MM-dd" placeholder="选择日期" v-model="dataFormUpload.endDate" style="width: 100%;"></el-date-picker>
                                  <!-- </el-form-item> -->
                                </el-form-item>
                                <el-form-item label="是否是公文" style="width: 370px;" prop="document" v-if="flag===1">
                                  <el-input v-model="dataFormUpload.document" ></el-input>
                                </el-form-item>
                                <!-- <el-form-item label="是否是公文" style="width: 370px;" prop="document">
                                  <el-switch
                                    v-model="dataFormUpload.document"
                                    active-color="#13ce66"
                                    active-value=1
                                    inactive-value=0>
                                  </el-switch>
                                </el-form-item> -->
                                <el-form-item label="私密性" style="width: 370px;" prop="privacy">
                                  <!-- <el-input v-model="dataFormUpload.privacy" ></el-input> -->
                                  <el-select style="width: 260px;" v-model="dataFormUpload.privacy">
                                    <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"> </el-option>
                                  </el-select>
                                </el-form-item>
                                <el-form-item label="急缓" style="width: 370px;" prop="hurry">
                                  <!-- <el-input v-model="dataFormUpload.hurry" ></el-input> -->
                                  <el-select style="width: 260px;" v-model="dataFormUpload.hurry">
                                    <el-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value"> </el-option>
                                  </el-select>
                                </el-form-item>
                                <el-form-item prop="file">
                                  <el-upload
                                  ref="hewenlin"
                                  class="upload-demo"
                                  action="/process/instance"
                                  :data="dataFormUpload"
                                  :on-success="upFile"
                                  :on-change="getfile"
                                  :auto-upload="false"
                                  :file-list="fileList"
                                  :headers="header"
                                  >
                                  <!-- v-if="document===0" -->
                                  <el-button  slot="trigger" size="small" type="primary">选择文件</el-button>
                                  <el-button  style="margin-left:5px" size="small" @click="submitForm('dataFormUpload')">保 存</el-button>
                                  <el-button size="small" @click="resetForm('dataFormUpload')">重 置</el-button>
                                  </el-upload>
                                </el-form-item>
                            </el-row>
                          </div>
                        </el-form>
                        <!-- <span slot="footer" class="dialog-footer">
                          <el-button type="primary" @click="dialogStatus === 'create' ? createData() : lookData()">确定</el-button>
                          <el-button type="primary" @click="dialogFormVisible4 = false">取消</el-button>
                        </span> -->
                  </el-dialog>
                </el-tab-pane>
          <!--*************************************************************历史申请***************************************************-->
                <el-tab-pane label="历史公文" name="applyHistory">
                <!-- 头部查询区域 -->
                  <!-- <el-form :inline="true" :model="dataForm2" class="demo-form-inline">
                    <div style="display:inline-block">
                      <el-form-item>
                        <el-select v-model="dataForm2.region" placeholder="请选择" style="width:120px">
                          <el-option
                            v-for="item in options"
                            :key="item.id"
                            :label="item.label"
                            :value="item.value"
                          >
                          </el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item>
                        <el-input v-model="dataForm2.id" placeholder="输入关键词"></el-input>
                      </el-form-item>
                      <el-form-item>
                        <el-button type="primary" @click="searchDataList()">查询</el-button>
                        <el-button type="primary" @click="handleCreate()">新增申请</el-button>
                        <el-button type="primary" v-if="flag===0" @click="handleLookHistory()">历史申请</el-button>
                        <el-button type="primary" v-else @click="getDataList()">流转中的申请</el-button>
                        <el-button type="primary" @click="deleteHandle()" :disabled="multipleSelection.length === 0">批量删除</el-button>
                      </el-form-item>
                    </div>
                    <el-form-item style="right: 100px">
                      <el-button type="primary" @click="onSubmit">导入</el-button>
                      <el-button type="primary" @click="onSubmit">导出</el-button>
                    </el-form-item>
                  </el-form> -->
                  <!-- 内容区域 -->
                  <el-table
                    ref="multipleTable"
                    border
                    :data="currentDataH"
                    :header-cell-style="headerStyle"
                    :cell-style="cellStyle"
                    @selection-change="handleSelectionChange"
                  >
                    <!-- 复选框 -->
                    <!-- <el-table-column
                      type="selection"
                      width="50"
                      header-align="center"
                      align="center">
                    </el-table-column> -->
                    <el-table-column
                      type="index"
                      width="80"
                      label="序号"
                      prop="id"
                      header-align="center"
                      align="center"
                    >
                    </el-table-column>
                    <el-table-column
                      prop="processInstanceId"
                      width="190"
                      label="流程ID"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                      </el-table-column>
                    <el-table-column
                      prop="instanceType"
                      width="190"
                      label="申请类型"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="description"
                      width="190"
                      label="申请描述"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="quantity"
                      width="180"
                      label="天数"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                    </el-table-column>
                    <el-table-column
                      prop="instanceStartTime"
                      width="180"
                      label="申请时间"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{renderTime(scope.row['instanceStartTime']) }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="startDate"
                      width="180"
                      label="开始时间"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{renderTime(scope.row['startDate']) }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="endDate"
                      width="180"
                      label="结束时间"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{renderTime(scope.row['endDate']) }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="isEnded"
                      width="180"
                      label="申请状态"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <!-- <el-table-column
                      prop="document"
                      width="180"
                      label="是否是公文"
                      header-align="center"
                      align="center">
                    </el-table-column> -->
                    <el-table-column
                      prop="privacy"
                      width="180"
                      label="私密性"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{scope.row['privacy'] == 1 ? '公开' : '私密'}}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="hurry"
                      width="180"
                      label="急缓"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{scope.row['privacy'] == 1 ? '一般' : '紧急'}}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="path"
                      width="180"
                      label="路径"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                    </el-table-column>
                    <el-table-column
                      prop="answer"
                      width="180"
                      label="审批意见"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                    </el-table-column>
                    <el-table-column
                      prop="answerComment"
                      width="180"
                      label="审批描述"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                    </el-table-column>
                    <el-table-column
                      fixed="right"
                      header-align="center"
                      align="center"
                      label="操作"
                      >
                      <template slot-scope="scope">
                        <el-button size="small" type="primary" icon="el-icon-edit" @click="handleLook(scope.row)">查看</el-button>
                        <!-- <el-button size="small" type="danger" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button> -->
                      </template>
                    </el-table-column>
                  </el-table>
                  <!-- 分页器 -->
                  <div class="block" style="margin-top:15px; margin-right: 20px">
                    <el-pagination
                      align="right"
                      @size-change="handleSizeChange"
                      @current-change="handleCurrentChange"
                      :current-page="currentPage"
                      :page-sizes="[5, 8, 10]"
                      :page-size="pageSize"
                      layout="total, sizes, prev, pager, next, jumper"
                      :total="tableData.length">
                    </el-pagination>
                  </div>
                  <!-- 弹窗，新增或修改 -->
                  <!-- <el-dialog
                        :title="textMap[dialogStatus]"
                        :close-on-click-modal=true
                        :visible.sync="dialogFormVisible"
                        >
                        <el-form
                        :rules="rules1"
                        class="Addform"
                        :model="dataForm"
                        ref="dataForm"
                        @keyup.enter.native="dataFormSubmit()"
                        label-width="110px"
                        label-position="left"
                        style="width: 400px; margin-left: 80px">
                          <div class="right1">
                            <el-row :gutter="15">
                                <el-form-item label="申请类型" style="width: 370px;" prop="instanceType" >
                                  <el-select v-model="dataForm.mtrState" style="width: 260px;" placeholder="请选择申请类型">
                                    <el-option
                                      v-for="item in array"
                                      :key="item.deploymentId"
                                      :label="item.deploymentType"
                                      :value="item.deploymentId"
                                    >
                                    </el-option>
                                  </el-select>
                                </el-form-item>
                                <el-form-item label="申请人" style="width: 370px;" prop="starter" >
                                  <el-input v-model="dataForm.username" ></el-input>
                                </el-form-item>
                                <el-form-item label="数量" style="width: 370px;" prop="quantity">
                                  <el-input v-model="dataForm.quantity" ></el-input>
                                </el-form-item>
                                <el-form-item label="申请理由" style="width: 370px;" prop="description">
                                  <el-input v-model="dataForm.description" ></el-input>
                                </el-form-item>
                                <el-form-item label="开始时间" style="width: 370px;" prop="beginDate">
                                  <el-form-item style="width: 260px;" prop="beginDate">
                                    <el-date-picker type="date" placeholder="选择日期" v-model="dataForm.beginDate" style="width: 100%;"></el-date-picker>
                                  </el-form-item>
                                </el-form-item>
                                <el-form-item label="结束时间" style="width: 370px;" prop="endDate">
                                  <el-form-item style="width: 260px;" prop="endDate">
                                    <el-date-picker type="date" placeholder="选择日期" v-model="dataForm.endDate" style="width: 100%;"></el-date-picker>
                                  </el-form-item>
                                </el-form-item>
                                <el-form-item label="是否是公文" style="width: 370px;" prop="document">
                                  <el-input v-model="dataForm.document" ></el-input>
                                </el-form-item>
                                <el-form-item label="私密性" style="width: 370px;" prop="privacy">
                                  <el-input v-model="dataForm.privacy" ></el-input>
                                </el-form-item>
                                <el-form-item label="急缓" style="width: 370px;" prop="hurry">
                                  <el-input v-model="dataForm.hurry" ></el-input>
                                </el-form-item>
                                <el-form-item label="审批意见" style="width: 370px;" prop="answer">
                                  <el-input v-model="dataForm.answer" ></el-input>
                                </el-form-item>
                                <el-form-item label="审批描述" style="width: 370px;" prop="answerComment">
                                  <el-input v-model="dataForm.answerComment" ></el-input>
                                </el-form-item>
                            </el-row>
                          </div>
                        </el-form>
                        <span slot="footer" class="dialog-footer">
                          <el-button type="primary" @click="dialogStatus === 'create' ? createData() : lookData()">确定</el-button>
                          <el-button type="primary" @click="dialogFormVisible = false">取消</el-button>
                        </span>
                  </el-dialog> -->
                </el-tab-pane>
                <!--****************************************************************待我审批*********************************************-->
                <el-tab-pane label="待我审批" name="apply2">
                <!-- 头部查询区域 -->
                  <!-- <el-form :inline="true" :model="dataForm2" class="demo-form-inline">
                    <div style="display:inline-block">
                      <el-form-item>
                        <el-select v-model="dataForm2.region" placeholder="请选择" style="width:120px">
                          <el-option
                            v-for="item in options"
                            :key="item.id"
                            :label="item.label"
                            :value="item.value"
                          >
                          </el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item>
                        <el-input v-model="dataForm2.id" placeholder="输入关键词"></el-input>
                      </el-form-item>
                      <el-form-item>
                        <el-button type="primary" @click="searchDataList()">查询</el-button>
                        <el-button type="primary" @click="deleteHandle()" :disabled="multipleSelection.length === 0">批量删除</el-button>
                      </el-form-item>
                    </div>
                    <el-form-item style="right: 100px">
                      <el-button type="primary" @click="onSubmit">导入</el-button>
                      <el-button type="primary" @click="onSubmit">导出</el-button>
                    </el-form-item>
                  </el-form> -->
                  <!-- 内容区域 -->
                  <el-table
                    ref="multipleTable"
                    border
                    :data="currentData2"
                    :header-cell-style="headerStyle"
                    :cell-style="cellStyle"
                    @selection-change="handleSelectionChange"
                  >
                    <!-- 复选框 -->
                    <!-- <el-table-column
                      type="selection"
                      width="50"
                      header-align="center"
                      align="center">
                    </el-table-column> -->
                    <el-table-column
                      type="index"
                      width="80"
                      label="序号"
                      prop="id"
                      header-align="center"
                      align="center"
                    >
                    </el-table-column>
                    <el-table-column
                      prop="taskId"
                      width="190"
                      label="流程ID"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                    </el-table-column>
                    <el-table-column
                      prop="taskName"
                      width="190"
                      label="申请名称"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="taskType"
                      width="190"
                      label="申请类型"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="description"
                      width="190"
                      label="申请描述"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="starter"
                      width="190"
                      label="申请人"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="quantity"
                      width="180"
                      label="天数"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                    </el-table-column>
                    <!-- <el-table-column
                      prop="InstanceStartTime"
                      width="180"
                      label="申请时间"
                      header-align="center"
                      align="center">
                    </el-table-column> -->
                    <el-table-column
                      prop="startDate"
                      width="180"
                      label="开始时间"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{renderTime(scope.row['startDate']) }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="endDate"
                      width="180"
                      label="结束时间"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{renderTime(scope.row['endDate']) }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="privacy"
                      width="180"
                      label="私密性"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{scope.row['privacy'] == 1 ? '公开' : '私密'}}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="hurry"
                      width="180"
                      label="急缓"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{scope.row['privacy'] == 1 ? '一般' : '紧急'}}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="path"
                      width="180"
                      label="路径"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                    </el-table-column>
                    <el-table-column
                      width="260"
                      fixed="right"
                      header-align="center"
                      align="center"
                      label="操作">
                      <template slot-scope="scope">
                        <el-button size="small" type="primary" icon="el-icon-edit" @click="handleLook(scope.row)">查看</el-button>
                        <!-- <el-button size="small" type="danger" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button> -->
                        <el-button size="small" type="success" @click="handleApproval(scope.row)">审批</el-button>
                      </template>
                    </el-table-column>
                  </el-table>
                  <!-- 分页器 -->
                  <div class="block" style="margin-top:15px; margin-right: 20px">
                    <el-pagination
                      align="right"
                      @size-change="handleSizeChange"
                      @current-change="handleCurrentChange"
                      :current-page="currentPage"
                      :page-sizes="[5, 8, 10]"
                      :page-size="pageSize"
                      layout="total, sizes, prev, pager, next, jumper"
                      :total="tableData.length">
                    </el-pagination>
                  </div>
                  <!-- @keyup.enter.native="dataFormSubmit()" -->
                  <!-- 弹窗，审批 -->
                  <el-dialog
                        :title="textMap[dialogStatus]"
                        :close-on-click-modal=true
                        :visible.sync="dialogFormVisible3"
                        >
                        <el-form
                        :rules="ExamineRules"
                        class="Addform"
                        :model="dataFormExamine"
                        ref="dataFormExamine"
                        label-width="110px"
                        label-position="left"
                        style="width: 400px; margin-left: 50px">
                          <div class="right3">
                            <el-row :gutter="15">
                                <el-form-item label="审批选择" style="width: 370px;" prop="answer">
                                  <el-select v-model="dataFormExamine.answer" style="width: 260px;" placeholder="请选择审批">
                                    <el-option label="同意" value="同意"></el-option>
                                    <el-option label="驳回" value="驳回"></el-option>
                                  </el-select>
                                </el-form-item>
                                <el-form-item label="审批意见" style="width: 370px;" prop="answerComment">
                                  <el-input v-model="dataFormExamine.answerComment" ></el-input>
                                </el-form-item>
                            </el-row>
                          </div>
                        </el-form>
                        <span slot="footer" class="dialog-footer">
                          <el-button type="primary" @click="dialogStatus === 'create' ? createData('dataFormExamine') : lookData()">确定</el-button>
                          <el-button type="primary" @click="dialogFormVisible3 = false">取消</el-button>
                        </span>
                  </el-dialog>
                </el-tab-pane>
                <!--************************************************************抄送我的***********************************************-->
                <el-tab-pane label="抄送我的" name="apply3">
                <!-- 头部查询区域 -->
                  <!-- <el-form :inline="true" :model="dataForm2" class="demo-form-inline">
                    <div style="display:inline-block">
                      <el-form-item>
                        <el-select v-model="dataForm2.region" placeholder="请选择" style="width:120px">
                          <el-option
                            v-for="item in options"
                            :key="item.id"
                            :label="item.label"
                            :value="item.value"
                          >
                          </el-option>
                        </el-select>
                      </el-form-item>
                      <el-form-item>
                        <el-input v-model="dataForm2.id" placeholder="输入关键词"></el-input>
                      </el-form-item>
                      <el-form-item>
                        <el-button type="primary" @click="searchDataList()">查询</el-button>
                        <el-button type="primary" @click="deleteHandle()" :disabled="multipleSelection.length === 0">批量删除</el-button>
                      </el-form-item>
                    </div>
                    <el-form-item style="right: 100px">
                      <el-button type="primary" @click="onSubmit">导入</el-button>
                      <el-button type="primary" @click="onSubmit">导出</el-button>
                    </el-form-item>
                  </el-form> -->
                  <!-- 内容区域 -->
                  <el-table
                    ref="multipleTable"
                    border
                    :data="currentData3"
                    :header-cell-style="headerStyle"
                    :cell-style="cellStyle"
                    @selection-change="handleSelectionChange"
                  >
                    <!-- 复选框 -->
                    <!-- <el-table-column
                      type="selection"
                      width="50"
                      header-align="center"
                      align="center">
                    </el-table-column> -->
                    <el-table-column
                      type="index"
                      width="80"
                      label="序号"
                      prop="id"
                      header-align="center"
                      align="center"
                    >
                    </el-table-column>
                    <el-table-column
                      prop="taskId"
                      width="190"
                      label="流程ID"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                    </el-table-column>
                    <el-table-column
                      prop="taskName"
                      width="190"
                      label="申请名称"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="taskType"
                      width="190"
                      label="申请类型"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="description"
                      width="190"
                      label="申请描述"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="starter"
                      width="190"
                      label="申请人"
                      header-align="center"
                      align="center">
                    </el-table-column>
                    <el-table-column
                      prop="quantity"
                      width="180"
                      label="天数"
                      header-align="center"
                      align="center"
                      v-if="flag===1">
                    </el-table-column>
                    <!-- <el-table-column
                      prop="InstanceStartTime"
                      width="180"
                      label="申请时间"
                      header-align="center"
                      align="center">
                    </el-table-column> -->
                    <el-table-column
                      prop="startDate"
                      width="180"
                      label="开始时间"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{renderTime(scope.row['startDate']) }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="endDate"
                      width="180"
                      label="结束时间"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{renderTime(scope.row['endDate']) }}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="privacy"
                      width="180"
                      label="私密性"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{scope.row['privacy'] == 1 ? '公开' : '私密'}}</span>
                      </template>
                    </el-table-column>
                    <el-table-column
                      prop="hurry"
                      width="180"
                      label="急缓"
                      header-align="center"
                      align="center">
                      <template slot-scope="scope" >
                        <span>{{scope.row['privacy'] == 1 ? '一般' : '紧急'}}</span>
                      </template>
                    </el-table-column>
                    <!-- <el-table-column
                      prop="document"
                      width="180"
                      label="是否是公文"
                      header-align="center"
                      align="center">
                    </el-table-column> -->
                    <el-table-column
                      width="190"
                      fixed="right"
                      header-align="center"
                      align="center"
                      label="操作">
                      <template slot-scope="scope">
                        <el-button size="small" type="primary" icon="el-icon-edit" @click="handleLook(scope.row)">查看</el-button>
                        <!-- <el-button size="small" type="danger" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button> -->
                      </template>
                    </el-table-column>
                  </el-table>
                  <!-- 分页器 -->
                  <div class="block" style="margin-top:15px; margin-right: 20px">
                    <el-pagination
                      align="right"
                      @size-change="handleSizeChange"
                      @current-change="handleCurrentChange"
                      :current-page="currentPage"
                      :page-sizes="[5, 8, 10]"
                      :page-size="pageSize"
                      layout="total, sizes, prev, pager, next, jumper"
                      :total="tableData.length">
                    </el-pagination>
                  </div>
                  <!-- 弹窗，审批
                  <el-dialog
                        :title="textMap[dialogStatus]"
                        :close-on-click-modal=true
                        :visible.sync="dialogFormVisible3"
                        >
                        <el-form
                        :rules="rules3"
                        class="Addform"
                        :model="dataForm"
                        ref="dataForm"
                        @keyup.enter.native="dataFormSubmit()"
                        label-width="110px"
                        label-position="left"
                        style="width: 400px; margin-left: 50px">
                          <div class="right3">
                            <el-row :gutter="15">
                                <el-form-item label="审批选择" style="width: 370px;" prop="answer">
                                  <el-select v-model="dataForm.answer" style="width: 260px;" placeholder="请选择审批">
                                    <el-option label="同意" value="同意"></el-option>
                                    <el-option label="驳回" value="驳回"></el-option>
                                  </el-select>
                                </el-form-item>
                                <el-form-item label="审批意见" style="width: 370px;" prop="answerComment">
                                  <el-input v-model="dataForm.answerComment" ></el-input>
                                </el-form-item>
                            </el-row>
                          </div>
                        </el-form>
                        <span slot="footer" class="dialog-footer">
                          <el-button type="primary" @click="dialogStatus === 'create' ? createData() : lookData()">确定</el-button>
                          <el-button type="primary" @click="dialogFormVisible3 = false">取消</el-button>
                        </span>
                  </el-dialog> -->
                </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>

import axios from 'axios'

export default {
  name: 'DocumentManagement',
  data() {
    return {
      activeName: 'applying',
      tableData: [], // 表格中的数据
      currentData1: [],
      currentData2: [],
      currentData3: [],
      currentDataH: [],
      multipleSelection: [], // 选定的多个复选框对象
      options: [{
        value: '流程ID',
        label: '流程ID'
      }, {
        value: '申请类型',
        label: '申请类型'
      }, {
        value: '申请状态',
        label: '申请状态'
      }],
      value: '',
      currentPage: 1, // 当前页码
      pageSize: 5, // 每页选定的显示条数
      dataForm2: {}, // 想要查询的设备数据
      dialogStatus: '',
      textMap: {
        update: '编辑',
        create: '新增'
      },
      dialogFormVisible4: false,
      dialogFormVisible3: false,
      dataForm: {},
      dataFormExamine: {
        answer: '',
        answerComment: ''
      },
      dataFormUpload: {
        did: '',
        starter: '',
        beginDate: '',
        endDate: '',
        quantity: '',
        description: '',
        document: 1,
        privacy: '',
        hurry: ''
        // file: ''
      }, // “我的申请”界面新增弹窗绑定的表单
      postId: 0,
      flag: 0,
      array: [],
      user: {},
      authentication: '',
      fileList: [], // 文件列表
      fileflag: 0,
      tableDataArray1: [],
      tableDataArray2: [],
      tableDataArray3: [],
      tableDataArray4: [],
      tableDataArray5: [],
      tableDataArray6: [],
      tableDataArray7: [],
      tableDataArray8: [],
      applyRules: {
        // did: [
        //   { required: true, message: '请选择申请类型', trigger: 'blur' }
        // ],
        did: [
          { required: true, message: '请选择申请类型', trigger: 'change' }
        ],
        starter: [
          { required: true, message: '请填写申请人', trigger: 'blur' }
        ],
        // quantity: [
        //   { required: true, message: '请填写天数', trigger: 'blur' }
        // ],
        description: [
          { required: true, message: '请填写申请理由', trigger: 'blur' },
          { min: 2, max: 20, message: '长度在 0 到 20 个字符', trigger: 'blur' }
        ],
        beginDate: [
          { required: true, message: '请选择开始时间', trigger: 'blur' }
        ],
        endDate: [
          { required: true, message: '请选择结束时间', trigger: 'blur' }
        ],
        // document: [
        //   { required: true, message: '请选择是否是公文', trigger: 'blur' }
        // ],
        privacy: [
          { required: true, message: '请选择私密性', trigger: 'change' }
        ],
        hurry: [
          { required: true, message: '请选择急缓', trigger: 'change' }
        ]
        // file: [
        //   { required: true, message: '请上传文件', trigger: 'change' }
        // ]
      },
      ExamineRules: {
        answer: [
          { required: true, message: '请选择审批选择', trigger: 'change' }
        ],
        answerComment: [
          { required: true, message: '请填写审批意见', trigger: 'blur' },
          { min: 2, max: 20, message: '长度在 0 到 10 个字符', trigger: 'blur' }
        ]
      },
      options2: [
        {
          value: '0',
          label: '私密'
        },
        {
          value: '1',
          label: '公开'
        }
      ],
      options3: [
        {
          value: '0',
          label: '一般'
        },
        {
          value: '1',
          label: '紧急'
        }
      ],
      twoTime: []
    }
  },
  // 生命周期
  mounted(activeName) {
    // 查看已部署的流程文件
    this.getDataList()
    this.getList()
    // this.getDataList2()
    // this.getDataList3()
    // this.getDataListHistory()
    this.user = JSON.parse(window.sessionStorage.getItem('user'))
    this.authentication = sessionStorage.getItem('tokenStr')
    this.getData()
  },
  computed: {
    header() {
      return {
        authentication: this.authentication
      }
    }
    // dataFormUpload.quantity:function() {
    //   let startTime
    //   let endTime
    //   return getTime(startTime, endTime)
    // }
  },
  // 页码变化
  // const service = axios.create({
  //   baseURL:'localhost:8080'
  // }),
  watch: {
    tableData(newValue, oldValue) {
      this.currentData = newValue.slice((this.currentPage - 1) * this.pageSize, this.currentPage * this.pageSize)
    },
    CurrentPage(newValue, oldValue) {
      this.currentPage = this.tableData.slice((newValue - 1) * this.pageSize, newValue * this.pageSize)
    }
  },
  methods: {
    // 查看
    handleLook(data) {
      console.log('************')
      console.log(data.path)
      const link = document.createElement('a')
      // link.style.display = 'none'
      link.href = data.path
      link.click()
    },
    getData() {
      const loading = this.$loading({
        lock: true, // lock的修改符--默认是false
        text: 'Loading', // 显示在加载图标下方的加载文案
        spinner: 'el-icon-loading', // 自定义加载图标类名
        background: 'rgba(0, 0, 0, 0.7)', // 遮罩层颜色
        target: document.querySelector('#table')// loadin覆盖的dom元素节点
      })
      // 成功回调函数停止加载
      loading.close()
    },
    GetNumberOfDays(date1, date2) { // 获得天数
      // date1：开始日期，date2结束日期
      var a1 = Date.parse(new Date(date1))
      var a2 = Date.parse(new Date(date2))
      var day = parseInt((a2 - a1) / (1000 * 60 * 60 * 24))// 核心：时间戳相减，然后除以天数
      return day
    },
    fixUserName() {
      const info = JSON.parse(sessionStorage.getItem('user'))
      console.log('获取userName')
      console.log(info)
      this.dataFormUpload.starter = info.name
    },
    // 选择每页行数
    handleSizeChange(val) {
      this.pageSize = val
      this.currentPage = 1
    },
    // 选择页码
    handleCurrentChange(val) {
      this.currentPage = val
    },
    // 表格行高
    cellStyle() {
      return {
        'font-size': '14px',
        height: '45px',
        padding: '0'
      }
    },
    // 表头行高
    headerStyle() {
      return {
        height: '55px'
      }
    },
    // 选择的复选框的数量
    handleSelectionChange(val) {
      this.multipleSelection = val
    },
    // 选项卡切换
    handleClick(tab, event) {
      console.log(tab, event)
      if (tab.name === 'applying') {
        this.getDataList()
      } else
      if (tab.name === 'apply2') {
        this.getDataList2()
      } else if (tab.name === 'apply3') {
        this.getDataList3()
      } else {
        this.getDataListHistory()
      }
    },
    // 查看已部署的流程文件
    getList() {
      this.getRequest('/process/deploymentInfo').then((resp) => {
        if (resp) {
          // console.log('-------------------------------------------')
          // console.log(resp)
          this.array = resp.data
          // console.log(this.tableData)
          // console.log('666')
          // this.currentData = resp.data
        } else {
          console.log('查看已部署的流程失败')
        }
      })
    },
    renderTime(date) {
      var dateee = new Date(date).toJSON()
      return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
    },
    // 获取“我的公文”数据列表
    getDataList(data) {
      // this.flag = 0
      // console.log('获取我的申请数据 1079')
      this.getRequest('/process/instance/' + this.user.name).then((resp) => {
        if (resp) {
          // console.log('-------------------------------------------')
          // console.log(resp)
          // console.log(this.currentData1[0].startDate)
          // this.currentData1[0].startDate = this.renderTime(this.currentData1[0].startDate)
          // console.log(this.currentData1[0].startDate)
          this.tableDataArray1 = []
          this.tableDataArray2 = []
          this.tableDataArray1 = resp.data
          for (var i in this.tableDataArray1) {
            if (this.tableDataArray1[i].document === 1) {
              this.tableDataArray2.push(this.tableDataArray1[i])
            }
          }
          this.tableData = this.tableDataArray2
          this.currentData1 = this.tableDataArray2
          console.log(this.currentData1)
        } else {
          console.log('获取列表失败')
        }
      })
    },
    // 获取“待我审批”数据列表
    // 获取用户名
    getDataList2(data) {
      this.getRequest('/process/task/' + this.user.name).then((resp) => {
        if (resp) {
          console.log('-------------------------------------------')
          console.log(resp)
          this.tableDataArray3 = []
          this.tableDataArray4 = []
          this.tableDataArray3 = resp.data
          for (var i in this.tableDataArray3) {
            if (this.tableDataArray3[i].document === 1) {
              this.tableDataArray4.push(this.tableDataArray3[i])
            }
          }
          this.tableData = this.tableDataArray4
          this.currentData2 = this.tableDataArray4
          console.log(this.currentData2)
        } else {
          console.log('获取列表失败')
        }
      })
    },
    // 获取“抄送我的”数据列表
    // 获取用户名
    getDataList3(data) {
      this.getRequest('/process/hiTask/' + this.user.name).then((resp) => {
        if (resp) {
          // console.log('---------------hhhhh----------------------------')
          // console.log(resp)
          // this.tableData = resp.data
          // console.log(this.tableData)
          // this.currentData3 = resp.data
          this.tableDataArray5 = []
          this.tableDataArray6 = []
          this.tableDataArray5 = resp.data
          for (var i in this.tableDataArray5) {
            if (this.tableDataArray5[i].document === 1) {
              this.tableDataArray6.push(this.tableDataArray5[i])
            }
          }
          this.tableData = this.tableDataArray6
          this.currentData3 = this.tableDataArray6
          console.log(this.currentData3)
        } else {
          console.log('获取列表失败')
        }
      })
    },
    // “历史申请“数据列表
    getDataListHistory(data) {
      // this.flag = 1
      this.getRequest('/process/hiInstance/' + this.user.name).then((resp) => {
        if (resp) {
          console.log('-------------hhh------------------------------')
          console.log(resp)
          // this.tableData = resp.data
          // console.log(this.tableData)
          // this.currentDataH = resp.data
          this.tableDataArray7 = []
          this.tableDataArray8 = []
          this.tableDataArray7 = resp.data
          for (var i in this.tableDataArray7) {
            if (this.tableDataArray7[i].document === 1) {
              this.tableDataArray8.push(this.tableDataArray7[i])
            }
          }
          this.tableData = this.tableDataArray8
          this.currentDataH = this.tableDataArray8
          console.log(this.currentDataH)
        } else {
          console.log('查看历史申请失败')
        }
      })
    },
    // 审批
    handleApproval(data) {
      this.dialogFormVisible3 = true
      this.dialogStatus = 'create'
      this.postId = data.taskId
      // this.dataForm = data
    },
    // createData(dataFormExamine) {
    //   // this.postRequest('process/cplTask/' + this.postId + this.dataFormExamine.answer + this.dataFormExamine.answerComment).then((resp) => {
    //   // this.postRequest(`process/cplTask/${this.postId}/${this.dataFormExamine.answer}/${this.dataFormExamine.answerComment}`).then((resp) => {
    //   //   if (resp) {
    //   //     console.log(resp)
    //   //     this.$message.success(resp.msg)
    //   //     this.getDataList()
    //   //     this.dataFormExamine = {}
    //   //   } else {
    //   //     console.log('审批失败')
    //   //   }
    //   // })
    //   // ***************
    //   axios.post('process/cplTask', {
    //     taskId: this.postId,
    //     answer: this.dataFormExamine.answer,
    //     answerComment: this.dataFormExamine.answerComment
    //   })
    //     .then(res => {
    //       console.log('res=>', res)
    //       this.$message.success('审批成功')
    //     })
    //     .catch(err => {
    //       console.log('err=>', err)
    //     })

    //   this.dialogFormVisible3 = false
    //   // this.getDataList()
    // },
    createData(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          // alert('submit!')
          axios.post('process/cplTask', {
            taskId: this.postId,
            answer: this.dataFormExamine.answer,
            answerComment: this.dataFormExamine.answerComment
          })
            .then(res => {
              console.log('res=>', res)
              this.$message.success('审批成功')
            })
            .catch(err => {
              console.log('err=>', err)
            })

          this.dialogFormVisible3 = false
        } else {
          console.log('error submit!!')
          return false
        }
      })
    },
    // // 审批
    // handleApproval(data) {
    //   this.postRequest('process/cplTask' + data.taskId + data.username, {
    //     title: this.dataForm.title,
    //     workID: this.dataForm.workID,
    //     description: this.dataForm.description,
    //     uploadDate: this.dataForm.uploadDate
    //   }).then((resp) => {
    //     if (resp) {
    //       console.log(resp)
    //       this.$message.success(resp.msg)
    //       this.getDataList()
    //     } else {
    //       console.log('部署失败')
    //     }
    //   })
    //   // this.dialogFormVisible = false
    //   // this.getDataList()
    // },
    // // 查询
    // searchDataList(data) {
    //   this.dataLoading = true
    //   this.getRequest('/device/' + this.dataForm2.devId).then((resp) => {
    //     if (resp) {
    //       // console.log('-------------------------------------------')
    //       console.log(resp)
    //       this.tableData = resp.data
    //       console.log(this.tableData)
    //       this.currentData = resp.data
    //     } else {
    //       console.log('查询失败')
    //     }
    //   })
    //   this.dataLoading = false
    //   // this.getDataList()
    // },
    // ********************************************上传流程文件**********************************************
    // 上传流程文件
    upFile(res, file) {
      console.log('上传文件成功！')
      console.log(res)
    },
    submitForm(formName) {
      // this.$refs[formName].validate((valid) => {
      //   if (valid) {
      //     alert('submit!')
      // console.log(this.dataFormUpload.beginDate)
      // this.dataFormUpload.beginDate = getTime(this.dataFormUpload.beginDate)
      // // this.dataFormUpload.endDate = this.getTime(this.dataFormUpload.endDate)
      // // this.$refs.upload.submit()
      // console.log('下面是开始日期')
      // console.log(this.dataFormUpload.beginDate)
      this.dataFormUpload.document = 1
      this.dataFormUpload.quantity = this.GetNumberOfDays(this.dataFormUpload.beginDate, this.dataFormUpload.endDate)
      console.log('form', this.dataFormUpload)
      this.$refs[formName].validate((valid) => {
        if (valid) {
          if (this.fileflag) {
            // this.$message.success('保存成功')
            this.$refs.hewenlin.submit()
            this.dialogFormVisible4 = false
            this.getDataList()
            this.$message.success('保存成功')
            this.$forceUpdate()
            this.dataFormUpload.did = ''
            this.dataFormUpload.starter = ''
            this.dataFormUpload.beginDate = ''
            this.dataFormUpload.endDate = ''
            this.dataFormUpload.quantity = ''
            this.dataFormUpload.description = ''
            this.dataFormUpload.document = 1
            this.dataFormUpload.privacy = ''
            this.dataFormUpload.hurry = ''
          } else {
            this.$message.error('请上传文件')
          }
        } else {
          this.$message.error('请完成所有必填项')
        }
      })
      //   } else {
      //     console.log('error submit!!')
      //     return false
      //   }
      // })
    },
    resetForm(formName) {
      this.$refs[formName].resetFields()
    },
    returnValue() {
      return {
        token: sessionStorage.getItem('tokenStr')
      }
    },
    // 新增公文
    handleCreate() {
      console.log('---------------------Test1---------------')
      this.dialogFormVisible4 = true
      this.dialogStatus = 'create'
    },
    // 获取文件判断是否上传
    getfile(event, file, fileList) {
      console.log(file)
      if (file != null) {
        this.fileflag = 1
      }
    },
    // createData(data) {
    //   console.log('---------------------Test Create Data---------------')
    //   // this.postRequest('/process/instance/' + data.deploymentId, {
    //   this.postRequest('/process/instance/', {
    //     instanceType: this.dataForm.instanceType,
    //     starter: this.dataForm.starter,
    //     description: this.dataForm.description,
    //     quantity: this.dataForm.quantity,
    //     beginDate: this.dataForm.beginDate,
    //     endDate: this.dataForm.endDate,
    //     document: this.dataForm.document,
    //     privacy: this.dataForm.privacy,
    //     hurry: this.dataForm.hurry
    //   }).then((resp) => {
    //     if (resp) {
    //       console.log(resp)
    //       this.$message.success(resp.msg)
    //       this.getDataList()
    //     } else {
    //       console.log('新增失败')
    //     }
    //   })
    //   this.dialogFormVisible4 = false
    //   console.log('-------------------Test End---------------')
    // },
    // // 删除
    // handleDelete(data) {
    //   this.$confirm('此操作将永久删除【' + data.devName + '】设备的所有信息，是否继续？', '提示', {
    //     confirmButtonText: '确定',
    //     cancelButtonText: '取消'
    //   }).then(() => {
    //     this.deleteRequest('/device/' + data.devId).then((resp) => {
    //       console.log(resp)
    //       this.$message.success(resp.msg)
    //       this.getDataList()
    //       // this.$forceUpdate()
    //     })
    //   }).catch(() => {
    //     this.$message.info('已取消删除')
    //   })
    // },
    onSubmit() {
      console.log('submit!')
    }
  }
}
</script>

<style scoped>
.right1{
  height: 650px;
}
.right2{
  height: 240px;
}
.right3{
  height: 150px;
}
/* .right-content{
  border: px solid #fff;
  border-bottom: none;
  background-color: #fff;
  height: 100%;
  padding-left: 0px;
  margin-top: 0px;
} */
.defineC{
  /* line-height: 30px; */
  /* height: 20px; */
  margin-left: 14px;
}
/* div{
  align-items: center;
} */
/* .el-form{
  margin-top: 0px;
} */
.demo-form-inline{
  width: 97%;
  display: flex;
  justify-content: space-between;
  margin: 20px auto;
  margin-bottom: 0px;
  margin-top: 5px;
}
.el-table{
  width: 97%;
  margin: 15px auto
}
.first{
  width: 97%;
  margin: 0px auto
}
.el-dialog__body{
  height: 150px !important;
  overflow: auto;
}
</style>
